﻿*
{
margin:0px;
padding:0px;
}
body
{
	text-align: center;
	background-image: url(back.jpg);
	background-position: center;
	background-repeat: none;
	background-attachment: fixed;
	background-size: cover;
}
#menu
{
margin:20px;
border:solid 1px;
height:200px;
}
nav
{
position:relative;
margin-left:25px;
margin-top:60px;
border:solid 1px;
height:275px;
width:145px;
}
ul
{
list-style-type:none;
}


#notatka
{
	position:absolut;
	margin-left:215px;
	margin-top:-300px;
	width:500px;
	height:320px;
	border: solid 1px;
}
input
{
margin-left:15px;
margin-top:15px;
width:300px;
padding-left:7px;

}

textarea
{
margin-left:15px;
width:465px;
height:250px;
}

footer
{
position:relative;
margin-top:40px;
text-align:center;
}


#inner
{
	text-align:left;
	width: 1000px;
	background-color: rgba(0,0,0,0.6);
	margin:25px auto;
	padding:20px;
}

#logo
{
	margin:10px;
}

#top_menu
{
	width:950px;
	height:150px;
	padding:10px;
	background-color: rgba(0,0,0,0.5);
	margin-bottom:20px;
	overflow-x: scroll;
	overflow-y: hidden;
	white-space: nowrap;
}

#tekst
{
	width: 120px;
	height: 120px;
	resize: none;
	margin:5px;
	margin-left:20px;
}
#grupa
{
	width: 130px;
	resize: none;
	
}
button {
width:100px;
height:60px;
border:solid 1px;
text-align:center;
position:relative;
margin-left:10px;
margin-top:25px;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:50px;
	line-height:50px;
	width:122px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
}
#add:hover 
{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}

#add:active {
	position:relative;
	top:1px;
}